<script setup lang="ts">
defineProps<{
    loadingShow: boolean;
}>();
</script>
<template>
    <!-- 更新工作日历蒙层 -->
    <div v-if="loadingShow" class="loading-main">
        <div class="loading-main__title">
            <el-icon color="#fff" size="50" class="is-loading loading-main__title--img">
                <i-ep-loading />
            </el-icon>
            工作日历正在更新中...
        </div>
    </div>
</template>
<style scoped lang="scss">
@include b(loading-main) {
    position: absolute;
    inset: 0;
    top: -60px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #14141499;
    @include e(title) {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 200px;
        height: 200px;
        font-size: 16px;
        font-weight: 700;
        color: var(--q-color-info-light-8);
        @include m(img) {
            margin-bottom: 20px;
        }
    }
}
</style>
